<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-sacle=1.0">
    <title>html 元素练习</title>
</head>

<body>
    <header>
        <h1>html 元素练习</h1>
    </header>
    <main>
        <section>
            <h2>区块元素</h2>
            <p>段落元素<code>p</code>就是一个区块元素。</p>
            <p>段落元素P就是一个区块元素。</p>
        </section>
        <section>
            <h2>内容组织元素</h2>
            <div>
                <ol>
                    <li>列表项</li>
                    <li>列表项</li>
                    <li>列表项</li>
                </ol>
                <ul>
                    <li>列表项</li>
                    <li>列表项</li>
                    <li>列表项</li>
                </ul>
            </div>
        </section>
        <section>
            <h2>文本语义元素<br>副标题</h2>
            <p><span>作者：冶桂茹 </span>发表日期：3.10</p>
            <p>A元素用来表示超链接或者文档内部错点。如果a元素有<a href="http://www.baidu.com">href</a>属性，它就表示超链接</p>
        </section>
        <section>
            <h2>嵌入元素</h2>
            <img src="http://pic1.win4000.com/wallpaper/2018-12-19/5c19b8a861b71.jpg" alt="迪丽热巴" title="迪丽热巴"
                width="400">
            <p>
                <img src="images/12-1G111154019.jpg" alt="" width="400">
            </p>
            <iframe height=498 width=510 src='https://player.youku.com/embed/XMzE1MzMwNDMwNA==' frameborder=0
                allowfullscreen="true" width="400" height="300"></iframe>
            <section>
                <h2>表格元素</h2>
                <table>
                    <tr>
                        <td>耶耶耶</td>
                    </tr>
                    <tr>
                        <td>耶耶耶</td>
                    </tr>
                    <tr>
                        <td>耶耶耶</td>
                    </tr>
                    <tr>
                        <td>耶耶耶</td>
                    </tr>
                    <tr>
                        <td>耶耶耶</td>
                    </tr>
                    <tr>
                        <td>耶耶耶</td>
                    </tr>
                </table>
            </section>
            <section>
                <h2>表单元素</h2>
                <form action="https://www.douban.com/"></form>
            </section>
        </section>
    </main>
    <footer>页脚</footer>
</body>

</html>